<!DOCTYPE html>
<html>
    <head> 
        <title>Tennis Messages</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/style.css" rel="stylesheet" media="screen">
		<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
		<script src="js/load.js"></script>
		<script src="js/commonfunctions.js"></script>
        <script src="js/url.js"></script>
        <script src="js/jquery.min.js"></script>
        <script src="js/jquery.js"></script>
    </head>
<script>
$( document ).ready(function() {
	if(typeof localStorage["user_id"]=='undefined'){
		window.location="index.html";
	}
	userProfileLoad();
});

</script>
    <body>
        <div class="top_header">
            <div class="menu_pad">
                <div class="menu_left"><a href="#">
                    <a href="invite.html"><img src="images/arrow_left_w.png"/>&nbsp;Messages</a></div>
                <span class="menu_center"><a href="profile.html">Profile</a></span>
                <div class="menu_right"><a href="settings.html">Requirements</a></div>
                <div class="clearfix"></div>
            </div>
        </div>
        <div class="body_container head_top_hg">
            <div class="body_pad_lr">
                <div class="mar_t">
                    <div class="profile_pic">
                        <div><img src="images/profile_pic.png"/></div>
                        <div><p>Please provide your complete profile to find you a right match.</p></div>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="mar_t">
                    <div class="input_field">
                        <input type="text" name="userName" id="userName" placeholder="Complete Name"/><span id="userNameError" name="userNameError" style="color:red"></span>
                    </div>
                </div>
				<center><span id="profileLoader" ></span></center>
				<div class="mar_t">
                    <div class="textarea_field">
                        <textarea name="userAddress" id="userAddress"  placeholder="Complete Address"/></textarea><span id="userAddressError" name="userAddressError" style="color:red"></span>
                    </div>
                </div>
				<div class="mar_t">
                    <div class="input_field">
                        <input type="text" name="userPincode" id="userPincode"  placeholder="Pin code"/><span id="userPincodeError" name="userPincodeError" style="color:red"></span>
                    </div>
                </div>
                 <div class="mar_t">
                    <div class="select_field">
                        <label>USTA Rating/level of play</label>
					   <select id="rating" name="rating" >
						   <option value="">USTA Rating</option>
						   <option>2</option>
						   <option>2.5</option>
						   <option>3</option>
						   <option>3.5</option>
						   <option>4</option>
						   <option>4.5</option>
						   <option>5</option>
						</select><span id="ratingError" name="ratingError" style="color:red"></span> 
                    </div>
                     <div class="clearfix"></div>
                </div>
				<div class="invite_pad">
					 <div class="submit_btn">
						 <input id="button_profile" type="button"   onclick="updateUserProfile();"/>
						 <span id="indexLoader"></span>
					 </div>
				</div>
				<div class="update_sucessfull" id="sucessMessage" style="display:none">
					<p><img src="images/sucess.png"/>&nbsp;&nbsp;Saved Successfully</p>
				</div>
            </div>
        </div>
    </body>
</html>